<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>append测试</title>
	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
</head>
<body>
	<div>abc</div>
	<div>123</div>
	<button>添加</button>
	<input type="button" value="添加1">
	<script>
		//获取标签方式
		//var da = document.getElementsByTagName('div');
		//var da = $('div')[0];
		//var da = $('div:first');
		//获取所有的div
		var da = $('div');
		//获取第一个div
		var dd = da[0];
		//获取button标签并且绑定一个事件(click)
		$('button:eq(0)').click(function(){
			$(dd).append("&lt;span&gt;1111&lt;/span&gt;");
		});
		//获取input的button并且绑定一个事件(click)
		$($('input:button')[0]).click(function(){
			//通过append回调函数操作数组标签对象
			da.append(function(index,html){
				if(index == 0){
					return 'def';
				}else{
					return '456';
				}
			});
		});
	</script>
</body>
</html>